<div >
    <form class="form-horizontal" role="form" novalidate name="stForm" >
        <div class="form-ctrl md-whiteframe-z1">
            <div class="form-search" style="height:230px;" ng-class="{true: 'shou'}[shoumun==0]" >
                <div>
                    <label style="width:90px">工单归属地</label>
                     <md-select multiple ng-model="translate.provinceCodes" >
                        <md-select-label>
                            {{translate.provinceCodes.length ? _getNames(translate.provinceCodes,'provinceName',provinces) :'全部'}}
                        </md-select-label>
                        <md-option ng-value="" ng-click="_checkAll(translate,'provinceCodes')">全部</md-option>
                        <md-option ng-value="province" ng-repeat="province in provinces">{{province.provinceName}}</md-option>
                    </md-select>
                </div>
                <div>
                  <label style="width:70px">工单类别</label>
                  <md-select multiple ng-model="translate.workOrderTypeCode" ng-click = 'queryOrderType()' >
                      <md-select-label>
                          {{translate.workOrderTypeCode.length ? _getNames(translate.workOrderTypeCode,'interpretation',typeList) :'全部'}}
                      </md-select-label>
                      <md-option ng-value="" ng-click="_checkAll(translate,'workOrderTypeCode')">全部</md-option>
                      <md-option ng-value="type" ng-repeat="type in typeList">{{type.interpretation}}</md-option>
                  </md-select>
                </div>
                <div>
                    <label style="width:70px">工单状态</label>
                    <md-select multiple ng-model="translate.workOrderStateCode" ng-click = 'queryOrderState()' >
                        <md-select-label>
                            {{translate.workOrderStateCode.length ? _getNames(translate.workOrderStateCode,'interpretation',stateList) :'全部'}}
                        </md-select-label>
                        <md-option ng-value="" ng-click="_checkAll(translate,'workOrderStateCode')">全部</md-option>
                        <md-option ng-value="state" ng-repeat="state in stateList">{{state.interpretation}}</md-option>
                    </md-select>
                </div>
                <div>
                    <label style="width:120px">工单重要等级</label>
                    <md-select multiple ng-model="translate.workOrderLevelCode" ng-click="queryOrderLevel()" >
                        <md-select-label>
                            {{translate.workOrderLevelCode.length ? _getNames(translate.workOrderLevelCode,'interpretation',levelList) :'全部'}}
                        </md-select-label>
                        <md-option ng-value="" ng-click="_checkAll(translate,'workOrderLevelCode')">全部</md-option>
                        <md-option ng-value="level" ng-repeat="level in levelList">{{level.interpretation}}</md-option>
                    </md-select>
                </div>
                <div>
                    <md-input-container flex>
                        <label >开始时间</label>
                        <input  type="date"  time-validate='day' end-time='translate.endTime' ng-model="translate.startTime"  name = 'dateStartTime' required>
                         <div ng-messages="stForm.dateStartTime.$error">
                          <div ng-message="date">请正确输入时间</div>
                          <div ng-message="time-error">{{errorInfo.startTime[0]}} </div>
                          <div ng-message="too-great">{{errorInfo.startTime[1]}}</div>
                        </div>
                    </md-input-container >
                </div>
                <div>
                    <md-input-container flex>
                        <label >结束时间</label>
                        <input  type="date" time-validate='day' name='dateEndTime' start-time= 'translate.startTime'  ng-model="translate.endTime"   required>
                        <div ng-messages="stForm.dateEndTime.$error">
                          <div ng-message="date">请正确输入时间</div>
                          <div ng-message="time-error">{{errorInfo.endTime[0]}} </div>
                          <div ng-message="too-great">{{errorInfo.endTime[1]}}</div>
                        </div>
                    </md-input-container >
                </div>
                <div class="menus" style = 'padding-top:35px'>
                    <md-button style="height:35px;width:50px " ng-click = 'resetValue()'  class="md-raised">重置</md-button>
                </div>

            </div>
            <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show = 'flagObj&&!stForm.$invalid' ng-click="shoumun=0"></i>
            <md-button ng-click="queryServiceOpen()" ng-disabled='stForm.$invalid' ng-click="shoumun==1?shoumun=0:shoumun=1" class="md-fab md-primary md-hue-1" ng-disabled ='stForm.$invalid' aria-label="Profile">
                <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0"></i>
                <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
            </md-button>
        </div>
    </form>
    <div class="table-info">
        <div class="menus">
           <form action="{{exportUrl}}"  st target="_black" method="post" style="display: initial;">
               <input type="hidden" value="{{outData}}"  name="data" />
               <md-button  type="submit"  class="md-raised">导出Excel</md-button>
           </form>
        </div>
        <div ng-show = 'flag'>
            <div>
                <div style="text-align: center">
                    <h3 style="margin-top:0;font-size:large;font-weight:bold;color:black">{{outData.title}}</h3>
                </div>
                <div class="table-detail">
                    <div class="t_r">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th width="10%">工单归属地</th>
                                <th width="10%">工单类别</th>
                                <th width="10%">工单状态</th>
                                <th width="15%">工单重要等级</th>
                                <th width="10%">工单数量</th>
                                <th width="10%">按时完成的工单</th>
                                <th width="10%">超期工单数量</th>
                                <th width="10%">统计开始时间</th>
                                <th width="10%">统计结束时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="service in serviceData">
                                <td width="10%" >{{service.provinceName}}</td>
                                <td width="10%" >{{service.indentCategoryName}}</td>
                                <td width="10%" >{{service.indentStateName}}</td>
                                <td width="10%" >{{service.indentLevelName}}</td>
                                <td width="10%" >{{service.indentCount}}</td>
                                <td width="10%" >{{service.stipulateCompleteIndent}}</td>
                                <td width="10%" >{{service.overdueIndentCount}}</td>
                                <td width="10%" >{{startTime}}</td>
                                <td width="10%" >{{endTime}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>

        </div>
        <div>
            <div id = 'pbossRate' style='height:550px;padding-bottom:20px'> </div>
        </div>
    </div>
</div>
